/*
 * Copyright (c) 2011-2021 VMware Inc. or its affiliates, All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   https://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@mixin clearfix {
  &:after {
    content: " ";
    display: table;
    clear: both;
  }
}

// Google Fonts
@import url(https://fonts.googleapis.com/css?family=Varela+Round|Montserrat:400,700|Karla:400,700);
// Main colors
$reactorPrimary: #6db33f;
$reactorTextColor: #34302d;
$reactorBackgroundLight: #34302d;

// Duration effect
$reactorDurationTransition: 0.2s;

// Fonts
$reactorFontMain: 'Varela Round', sans-serif;
$reactorFontSpecial: 'Montserrat', sans-serif;
$reactorFontSpecial2: 'Karla', 'Montserrat', sans-serif;
$reactorFontSpecial3: "Varela Round",sans-serif;

// Font Awesome
@import 'font-awesome/font-awesome.scss';

// Imports
@import 'normalize';
@import "main";
@import "nav";
@import "learn";
@import "responsive";
@import "button";

// Key classes for documentation badges and displaying versions

td.versionListGen {
  background: $reactorPrimary;
  color: white;
}

span.version {
  display: inline;
  font-family: monospace;
  background: $reactorPrimary;
  color: white;
  border-radius: 3px;
  font-size: 11px;
  font-weight: normal;
  padding: 2px 4px 2px;
  line-height: 14px;
  &.releasetrain {
    background: $reactorTextColor;
    &.partial {
      padding-left: 0;
    }
    &.partial::before {
      content: "WIP";
      background: darkorange;
      color: $reactorTextColor;
      padding: 2px 4px;
      margin-right: 6px;
    }
    &.maintenance {
      background: dimgrey;
    }
    &.eol {
      background: darkgrey;
      color: white;
      padding-left: 0;
    }
    &.eol::before {
      content: "EOL";
      background: darkorange;
      color: $reactorTextColor;
      padding: 2px 4px;
      margin-right: 6px;
    }
    &.pre {
      background: $reactorTextColor;
      color: white;
      padding-left: 0;
    }
    &.pre::before {
      content: "Pre";
      background: mediumpurple;
      color: white;
      padding: 2px 4px;
      margin-right: 6px;
    }
  }
  &.pre {
    background: mediumpurple;
  }
}

